<template>
    <div class="dashBoard">
        <div class="dashBoardLayout">
            <div class="dashBoardLayoutItem">
                <div class="itemTitle">
                    <div>服务范围网</div>
                </div>
                <div class="itemContent">
                    <el-empty description="" />
                </div>
            </div>
            <div class="dashBoardLayoutItem">
                <div class="itemTitle">
                    <div>公司简介</div>
                </div>
                <div class="itemContent">
                    <p>长沙经济技术开发区水质净化工程有限公司前身为长沙经济技术开发区污水净化中心，成立于1998年，系长沙经济技术开发集团有限公司全资子公司，注册资本5000万元。公司下设星沙污水处理厂、城北污水处理厂、城南污水处理厂和城西污水处理厂，总占地面积563.35亩，总设计污水处理能力52万吨/天，服务面积约87.45平方千米，服务人口约93.57万人，是湘江流域环境治理重点治污企业。</p>
                </div>
            </div>
        </div>
        <div class="dashBoardLayout">
            <div class="dashBoardLayoutItem">
                <div class="itemTitle">
                    <div>工艺流程图</div>
                </div>
                <div class="itemContent">
                    <el-empty description="" />
                </div>
            </div>
            <div class="dashBoardLayoutItem">
                <div class="itemTitle">
                    <div>化验室人员</div>
                </div>
                <div class="itemContent">
                    <el-empty description="" />
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="less" scoped>
.dashBoard {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    .dashBoardLayout {
        flex: 1;
        display: flex;
        flex-direction: column;
        .dashBoardLayoutItem {
            margin-bottom: 20px;
        }
        .itemTitle {
            font-size: 14px;
            line-height: 18px;
            height: 18px;
            padding-left: 10px;
            border-left: 4px solid #f3d443;
            margin-bottom: 10px;
            font-weight: 500;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            color: #58be3f;
        }
        .itemContent {
            padding: 0 14px;
            p {
                line-height: 1.5;
            }
        }
    }
}
</style>